SHOPKIT
Component Catalog
Buttons, inputs, chips, badges, cards, dialogs, snackbars and the color palette.
C01 · Buttons, Inputs & Controls
BUTTONS
Primary
Secondary
Tonal
Text button
Disabled
Destructive
shopping_bagWith icon
add
INPUTS
mailPlaceholder text
mailFocused input
errorinvalid@email
Please enter a valid email addresssearchSearch bar variant
SELECTION CONTROLS
checkChecked
Unchecked
Radio on
Radio off
CHIPS & BADGES
Selected
Default
Removableclose
-40%
NEW
On the way
Delivered
Processing
Cancelled
LOADERS & PROGRESS
64%
C02 · Cards, Tiles & Overlays
PRODUCT CARD
List tile variantMatte Black$179.00
package_2
Menu rowWith chevron
chevron_rightSNACKBAR & TOAST
check_circleAdded to cart successfullyVIEW
errorPayment failed. Please try again.close
DIALOG
delete
Remove item?
Oxford Derby will be removed from your cart. This can't be undone.
CancelRemove
BOTTOM NAVIGATION
homeHome
grid_viewCatalog
shopping_cartCart3
favoriteWishlist
personProfile
COLOR PALETTE
#4353E6
#EDEFFD
#16161D
#6E7385
#FBFBFD
#22B573
#F79009
#F04438
Theme Components
ELECTRO
Buy Now
Secondary
-25%
NEW
VIEW ALL
AURA
ADD TO BAG
TRACK
IN ATELIER
PAWLY
Let's Go! 🐾
Secondary
VET PICK
FRESHO
Checkout ⚡
− 2 +
🌱 ORGANIC
-20%
FOLD
ADD TO BAG
FILTER
NEW
S
M
GLOW
Add to Bag
Reorder
🌿 VEGAN
NEST
Add to Cart
Contact Crew
view_in_arView in AR
PEAK
CHECKOUT
SECONDARY
−30%
TODS
Place Order
Wrap It Up! 🎀
Age 3–5